//
// Liriope typography
//

// make px and REM 1/10th of the other
html { font-size: 62.5%; }

// --------------------------------------------------
// MIXINS
// --------------------------------------------------
//
@mixin fontSize($size) {
  font-size: #{$size}px;
  font-size: #{$size/10}rem;
}

// --------------------------------------------------
// HTML Tags
// --------------------------------------------------
//
body { @include fontSize(14); }

h1 { @include fontSize(48); }
h2 { @include fontSize(36); }
h3 { @include fontSize(28); }
h4 { @include fontSize(23); }
h5 { @include fontSize(18); }
h6 { @include fontSize(14); }

